<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文本的样式</title>

	<style>
		/*
			text-align 文本的水平对齐
			可选值：
				left，左侧对齐
				right，右侧对齐
				center，居中对齐
				justify，两端对齐
		*/

		.box1{
			width:400px;
			border:5px red solid;
			text-align:center;

			font-size:40px;
		}
		/*
			vertical-align:设置元素垂直对齐
				baseline:默认值，基线对齐
				top：顶端对齐
				bottom：底部对齐
				middle:居中对齐

		*/
		span{
			font-size:25px;
			border:1px blue solid;
			vertical-align:middle;

		}

		.box2{
			width:200px;
			white-space:pre;

			/*
				white-space:设置网页处理空白
					可选值：
						nomal：正常
						pre：保留空白
						nowrap：不换行
			*/
		}

	</style>
</head>
<body>

	<div class="box1">
		真相只有一个<span>真相只有一个</span>
	</div>

	<div class="box2">	
		今天天气真不错
		q 
			w
				e

						t
	</div>
</body>
</html>